﻿@model AceSoft.RetailPlus.Security.LoginModel

@{
    ViewBag.Title = "Login";
}

@section head {
     <link href="@Url.Content("/Content/Login.css")" rel="stylesheet" type="text/css" />

     <script src="@Url.Content("/Scripts/Validation/LoginValidation.js")" type="text/javascript"></script>
     <script src="@Url.Content("/Scripts/Login.js")" type="text/javascript"></script>
}




<div id="News">

</div>

<div id="Login">

	            <table style="width:90%; margin:10px auto 0 auto; text-align:left;" >
                <tr>
                <td colspan = "2">
                <span id="LoginWelcome">Welcome to RBS, please identify yourself in the system</span></td>
                </tr>
                <tr>
                <td style="width:50%;"> @Html.LabelFor(m => m.Username)</td>
                <td style="width:50%;"> @Html.LabelFor(m => m.Password)</td>
                </tr>
                <tr>
                <td> @Html.TextBoxFor(m => m.Username, new {@class="textboxLarge"})</td>
                <td> @Html.PasswordFor(m => m.Password, new { @class = "textboxLarge" })</td>
                </tr>
                <tr>
                <td colspan = "2" style="padding-top:20px;" align="center">
                            <div id="btnLogin" href="#" class="button orange buttonLarge" style="width:200px;">Login
                            <img src="/Content/images/login.png" alt="" /></div>
                </td>
                </tr>
                <tr>
                <td colspan = "2" style="padding-top:5px;" align="center">
                @Html.ActionLink("Forgot your password?", "ForgotPassword", "Auth")
                </td>
                </tr>
                <tr>
                <td colspan = "2" style="padding-top:5px;" align="center">
                @Html.ActionLink("Request for a new username and password.", "Register", "Auth")
                </td>
                </tr>
                </table>
</div>

<div class="LoginShadow">
    <div class="lef fleft"></div>
    <div class="rit fright"></div>
    <div class="mid"></div>
    
</div>


<ul id="Info">
 <li class="lef fleft"></li>
 <li class="rit fright"></li>
  <li class="mid"></li>
</ul>
    
    